<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel='stylesheet' href='/stylesheets/book.css' />
    <script src="javascripts/zishiy.js"></script>
    <title>Document</title>
</head>
<body>
<header>
    <nav>
        <span><a href="/">博客</a></span>
        <span><a href="/">boke</a></span>
        <span>
      <form action="post">
          <input type="text" placeholder="书籍，电影，音乐，视频">
      </form>
    </span>
        <span class="s s4"><a href="/book">书籍</a></span>
        <span clsss="s s5"><a href="/move">电影</a></span>
        <span class="s s6"><a href="/music">音乐</a></span>
        <span class="s s7"><a href="/video">视频</a></span>
        <span class="s s8"><a href="/radio">FM</a></span>
        <span class="s s9"><a href="/mark">市集</a></span>
    </nav>

</header>
<main>
    <div id="box">
        <h1><a href="/book">书籍</a></h1>
        <div class="image">
            <!--<img src="images/1.jpg" alt="">-->
        </div>
        <div id="book">
            <ul>
                <li>
                    <span>推荐:</span>
                    <span>大主宰</span>
                    <span>盖世帝尊</span>
                    <span>康熙王朝</span>
                    <span>汉武大帝</span>
                </li>
                <li>
                    <span>玄幻:</span>
                    <span>遮天</span>
                    <span>大主宰</span>
                    <span>九鼎记</span>
                    <span>杀神</span>
                    <span>斗破苍穹</span>
                </li>
                <li>
                    <span>都市:</span>
                    <span>江山</span>
                    <span>美人</span>
                    <span>都市情缘</span>
                    <span>情场</span>
                    <span>办公室</span>
                </li>
                <li>
                    <span>推理:</span>
                    <span>神探狄仁杰</span>
                    <span>洗冤录</span>
                    <span>福尔摩斯</span>
                    <span>刑警</span>
                </li>
                <li>
                    <span>历史</span>
                    <span>春秋</span>
                    <span>汉武大帝</span>
                    <span>大唐</span>
                    <span>宋文</span>
                    <span>元武</span>
                </li>
            </ul>
        </div>
    </div>
    <div id="hot">
        <div class="dzz">
            <section>
                <h1>大主宰</h1>
                <img src="images/7.jpg" alt="">
            </section>
            <section class="sec">
                <h1>作者：天蚕土豆</h1>
                <h2>状态：连载</h2>
                <h3>最新章节：第一千一百一十一章</h3>
            </section>
        </div>
        <div class="bu">
            <form action="#">
                <textarea name="" id="" cols="30" rows="5">发表评论</textarea>
                <div class="boxIput">
                    <input type="submit" value="提交">
                    <input class="tt" type="button" value="登录">
                    <input class="tt1" type="button" value="注册">
                </div>
            </form>
        </div>
        <div class="dzz">
            <section>
                <h1>盖世帝尊</h1>
                <img src="images/9.jpg" alt="">
            </section>
            <section class="sec">
                <h1>作者：一叶青天</h1>
                <h2>状态：连载</h2>
                <h3>最新章节：第二千一百一十一章</h3>
            </section>
        </div>
        <div class="bu">
            <form action="#">
                <textarea name="" id="" cols="30" rows="5">发表评论</textarea>
                <div class="boxIput">
                    <input type="submit" value="提交">
                    <input class="tt" type="button" value="登录">
                    <input class="tt1" type="button" value="注册">
                </div>
            </form>
        </div>
    </div>
</main>
</body>
</html>